<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>店铺首页</title>
    <link rel="stylesheet" href="./assets/css/base.css" />
    <link rel="stylesheet" href="./assets/css/index.css" />
    <link rel="stylesheet" href="./assets/css/tab.css" />
    <link rel="stylesheet" href="./assets/css/store.css">
</head>

<body>
    <div id="app">
        <div class="header-store">
            <div class="header-title-box">
                <div class="back-btn">
                    <img src="./assets/img/ico-left-btn.png" alt="返回" />
                </div>
                <div class="right">
                    <div class="header-title-text">店铺信息</div>
                </div>
                <div class="back-btn"></div>
            </div>
            <div class="store-info">
                <div class="store-title-box">
                    <div class="store-text-box">
                        <div class="title">
                            意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆意大利特火小面条馆
                        </div>
                        <div class="subtitle">
                            生活总是有很多的失败，就好比游戏的....
                        </div>
                    </div>
                    <img src="./assets/img/store-img.png" alt="">
                </div>
                <div class="store-notice">
                    <img src="./assets/img/icon-horn.png" alt="" srcset="">
                    <div>公告：失败了，就失败了，爬起来总结一下再继续</div>
                </div>
            </div>
        </div>
        <div class="navigation-store">
            <div class="active">点餐</div>
            <div>评价</div>
            <div>商家</div>
        </div>
        <div class="content-store">
            <div class="category">
                <div class="category-item">
                    麻辣香锅
                </div>
                <div class="category-item active">
                    麻辣香锅
                </div>
                <div class="category-item">
                    麻辣香锅
                </div>
            </div>
            <div class="food-list">
                <div class="category-title">麻辣香锅</div>
                <div class="food-item">
                    <img class="food-img" src="./assets/img/cabbage-fish.png" alt="">
                    <div class="food-info">
                        <div class="food-title">
                            意大利特火小面条200g来点
                        </div>
                        <div class="food-order">
                            <div class="food-price">¥17</div>
                            <div class="food-option">
                                <img class="icon-sub" src="./assets/img/icon-sub.png" alt="" srcset="">
                                <div class="food-num">0</div>
                                <img class="icon-add" src="./assets/img/icon-add.png" alt="" srcset=""
                                    onclick="alert(1)">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./assets/js/flexible.js"></script>
</body>

</html>